﻿.kui-date, .kui-date-year-panel, .kui-date-month-panel, .kui-date-hour-panel, .kui-date-minute-panel, .kui-date-second-panel {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
.kui-date {
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #b1d2ec;
            
    color: #1f547e;
    padding: 5px;
    text-align: center;
}
.kui-date-td {
    word-break: break-all;
    float: left;
    /*border-color: yellow;*/
    /*border-style: solid;*/
    /*border-width: 0 0 1px 1px;*/
    border-color: #b1d2ec;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
}
.kui-date-nothis {
    color: #60a2d7;
}
.kui-date-td {
    width: 32px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.kui-date-head {
    height: 26px;
    display: inline-block;
}
.kui-date-head .kui-date-td {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
}
.kui-date-weekday {
    background-color: #deecf8;
}
.kui-date-weekday .kui-date-td {
    height: 22px;
    line-height: 22px;
    border: none;
    cursor:default;
}

.kui-date-pre-year, .kui-date-year-text, .kui-date-next-year,
.kui-date-pre-month, .kui-date-month-text, .kui-date-next-month,
.kui-date-weekday, .kui-date-year-selector, .kui-date-month-selector,
.kui-date-year-panel, .kui-date-month-panel, .kui-date-hour-panel, .kui-date-minute-panel, .kui-date-second-panel {
    border: 1px solid #b1d2ec;
}
.kui-date-year-text, .kui-date-next-year,
.kui-date-month-text, .kui-date-next-month {
    border-left: 0px;
}
.kui-date-year-text,
.kui-date-month-text
{
    border-right-width: 0;
}
.kui-date-year-selector,
.kui-date-month-selector {
    border-left-width: 0;
    text-align: left;
    width: 10px;
    padding-right: 5px;
}
    .kui-date-pre-year, .kui-date-next-year,
.kui-date-pre-month, .kui-date-next-month {
    background-color: #deecf8;
    width: 20px;
}
.kui-date-pre-month {
    margin-left: 5px;
}
.kui-date-td span {
    display: inline-block;
    vertical-align: middle;
    /*padding: 5px;*/
}

.kui-date-row-first {
    margin-top: 5px;
}
.kui-date-number .kui-date-td {
    border-width: 1px 1px 0 0;
}
.kui-date-row-last .kui-date-td {
    border-bottom-width: 1px;
}
.kui-date-number .kui-date-col-1 {
    border-left-width: 1px;
}
        
.kui-date-row-6 {
    border-bottom-width: 1px;
}
.kui-date-angle-left, .kui-date-angle-right, .kui-date-angle-down, .kui-date-angle-up {
    border: 5px solid transparent;
    width: 0;
    height: 0px;
    display: inline-block;
}
    .kui-date-angle-left {
    border-right: 5px solid #3081c2;
            
}
.kui-date-angle-right {
    border-left: 5px solid #3081c2;
            
}
.kui-date-angle-down {
    border-top: 5px solid #3081c2;
            
}
.kui-date-angle-up {
    border-bottom: 5px solid #3081c2;
}

.kui-date-head .kui-date-angle-left {
    margin-right: 5px;
}
.kui-date-head .kui-date-angle-right {
    margin-left: 5px;
}
.kui-date-head .kui-date-angle-down {
    margin-top: 9px;
}
.kui-date-year-panel-foot .kui-date-angle-down {
    margin-top: 7px;
} 
.kui-date-year-text {
    width: 65px;
}
    .kui-date-month-text {
        width: 45px;
    }
.kui-date-today {
    background-color: #deecf8;
}
.kui-date-btns
{
    margin-top:5px;
} 
.kui-date-btns .kui-date-td {
    border: 1px solid #b1d2ec;
    background-color: #ecf4fb;
}
    .kui-date-btns .kui-date-btn-today, .kui-date-btns .kui-date-btn-ok,
    .kui-date-btns .kui-date-td.kui-date-time {
        border-left-width: 0;
    }
.kui-date-btn-clear
{
    margin-left:21px;
}
.kui-date-btn-clear.kui-date-btn-first {
    margin-left:131px;
}
.kui-date-time-lable {
    float: left;
}
.kui-date-btns .kui-date-td.kui-date-time {
    /*border: none;*/
    background-color: #fff;
    width:75px;
}
    .kui-date-time-hh, .kui-date-time-mm, .kui-date-time-ss {
    color: #1f547e;
    background-color: #fff;
    width: 21px;
    height: 20px;
    line-height: 20px;
    border: none;
    font-size:12px;
    text-align:center;
    cursor:pointer;
}
.kui-date-year-panel, .kui-date-month-panel, .kui-date-hour-panel, .kui-date-minute-panel, .kui-date-second-panel {
    background-color: #fff;
}
    .kui-date-year-panel {
    width: 122px;
}
.kui-date-year-panel-head, .kui-date-year-panel-foot, .kui-date-hour-panel-head, .kui-date-minute-panel-head, .kui-date-second-panel-head {
    background-color: #deecf8;
    height: 20px;
}
.kui-date-year-panel-head, .kui-date-hour-panel-head, .kui-date-minute-panel-head, .kui-date-second-panel-head {
    border-bottom: 1px solid #b1d2ec;
}
.kui-date-year-panel-foot {
    border-top: 1px solid #b1d2ec;
}
.kui-date-year-panel-body
{
    height:147px;
    padding:3px 0 0 12px;
}
.kui-date-year-item{
    display:inline-block;
    margin-top:3px;
    cursor:pointer;
} 
.kui-date-year-right-col {
    margin-left: 10px;
}
.kui-date-year-item-current, .kui-date-month-item-current, .kui-date-hour-item-current, .kui-date-minute-item-current, .kui-date-second-item-current {
    background-color: #deecf8;
}
.kui-date-month-panel {
    width: 90px;
    height: 186px;
    padding: 3px 0 0 12px;
}
.kui-date-month-item {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    width:40px;
}
.kui-date-hour-panel {
    width: 140px;
}
.kui-date-hour-panel-body {
    height: 110px;
    padding: 3px 0 0 12px;
}
.kui-date-hour-item {
    display: inline-block;
    margin-top: 4px;
    cursor: pointer;
    width: 22px;
}

.kui-date-minute-panel, .kui-date-second-panel {
    width: 228px;
}

.kui-date-minute-panel-body, .kui-date-second-panel-body {
    height: 133px;
    padding: 5px 0 0 5px;
}

.kui-date-minute-item, .kui-date-second-item {
    display: inline-block;
    margin-top: 4px;
    cursor: pointer;
    width: 21px;
}
.kui-date-pre-year:hover, .kui-date-next-year:hover, .kui-date-pre-month:hover, .kui-date-next-month:hover, .kui-date-number .kui-date-td:not(.kui-date-today):hover {
    background-color: #ecf4fb;
}
.kui-date-btn-clear:hover, .kui-date-btn-ok:hover, .kui-date-btn-today:hover{
    background-color:#fff;
}